<template>
  <div>
    <scroll-to-fixed>
      <hot-topic
        v-if="topicList && topicList.length > 0"
        :list="topicList"
        class="mb-48"
      />
      <latest-news v-if="newsList && newsList.length > 0" :list="newsList" />
    </scroll-to-fixed>
  </div>
</template>

<script>
import ScrollToFixed from '../components/ScrollToFixed.vue';
import HotTopic from '../components/HotTopic.vue';
import LatestNews from '../components/LatestNews.vue';

export default {
  comments: {
    HotTopic,
    LatestNews,
    ScrollToFixed
  },

  props: {
    topicList: {
      type: Array,
      default: () => []
    },
    newsList: {
      type: Array,
      default: () => []
    }
  }
};
</script>

<style lang="scss" scoped></style>
